<template>
    <div>
        <dv-full-screen-container>
            <dv-loading v-if="loading">Loading...</dv-loading>
            <div v-else class="host-body" style="height: 400px; margin-top: 50px;">
                <dv-border-box-1 class="bb1" :color="['green']" >
                    dv-border-box-1
                </dv-border-box-1>
            </div>
        </dv-full-screen-container>
    </div>
</template>

<script>
export default {
    name: "operate",
    title: '运营',
    data() {
        return {
            loading: true
        }
    },
    components: {

    },
    mounted(){
        this.cancelLoading();
    },
    methods: {
        cancelLoading() {
            setTimeout(() => {
                this.loading = false;
            }, 500);
        }
    }
}
</script>

<style>
.host-body{
    background-color: #282c34;
    padding: 20px;
}
</style>

<style lang="scss" scoped>
</style>